export const VerticalProgressbar = ({ percent = 35 }) => {
  const height = 2;

  const progressbar = `bg-blue-700 bg-gradient-to-r from-[#83a4d4] to-[#b6fbff] transition-all`

  return (
    <div className={`w-full overflow-hidden transition-[width] bg-[#D9E1E7] flex`} style={{ height: `${height}px`, borderRadius: `${height}px` }}>
      <span style={{ width: `${percent}%`, height: `${height}px` }} className={progressbar}></span>
    </div>
  )
}